<template>
  <div class="page">
    
    <!-- 方案修改  放弃三段布局  换个有新意的 -->
    <!-- <div>
      <personal/>
    </div>
    <div class="bleow">
      <sidebar/>
      <maincontent/>
    </div> -->
    <maincontent/>
  </div>
</template>

<script>

// import personal from './personal/index'
// import sidebar from './sidebar/index'
// import {reactive} from 'vue'
import maincontent from './content/index'
// import maincontent from './content/indexVue3'
export default {
  name: 'Home',
  components: {
    // personal,
    // sidebar,
    maincontent,
  },
  data() {
    return { 
      pageCount:0,
    }
  },
  // setup(){
  //   const state = reactive({

  //   })
  // }
}
</script>
<style lang="scss" scoped>
.page{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  // flex-direction: column;
  align-items: center;
  // .bleow{
  //   width:1320px;
  //   display: flex;
  //   flex-direction: row;
  //   justify-content: space-around;
  // }
}

</style>
